<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.js"></script>
  <script src="../js/axios.min.js"></script>
  <script src="../js/api.js"></script>
  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/index.css" />
  <style>
    .swiper-container {
      height: 500px;
    }
  </style>
</head>

<body style="overflow-x:hidden;">
  <div id="box">
    <div id="box_header">
      <div class="header_top">
        <div class="header_top_inner">
          <a href="#">正品保证，免息分期!</a>
          <ul class="header_top_inner_ri">
            <li><a href="./login.html">请登录</a></li>
            <li><a href="./reg.html">注册即送6800元大礼包</a></li>
            <span>|</span>
            <li><a href="./cart.html">购物车</a></li>
            <li>
              <a href="#">客服服务</a>
              <div class="dblock">
                <div>
                  <ul>
                    <li><a href="#">客户顾问</a></li>
                    <li><a href="#">售后维修</a></li>

                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">办理信用卡</a></li>
                  </ul>
                </div>
                <div>
                  <p>服务专线:400-883-2688</p>
                  <p>外呼号码:020-83931899</p>
                </div>
              </div>
            </li>
            <li><a href="#">会员福利</a></li>
            <span>|</span>
            <li><a href="https://www.wbiao.cn/gwie/">ENGLISH</a></li>
          </ul>
        </div>
      </div>
      <div class="header_search">
        <div class="header_search_inner">
          <div class="header_sin_top">
            <div class="header_sin_toplt">
              <a onclick="location.reload()">
                <img src="../image/logo-icon.png" alt="" style="width: 150px" />
              </a>
              <a href="https://www.wbiao.cn/activity/wbiao2introduction/">
                <img src="../image/login_2.png" alt="" style="width: 220px" />
              </a>
            </div>
            <span class="iconfont icon-fangdajing"
              style="position: absolute;top:47px;left:412px;font-size: 20px;color:#ddd"></span>
            <div class="header_sin_topcen">
              <input type="text" placeholder="绿水鬼" />
              <button onclick="searchStrFn()">搜索</button>
            </div>
            <a href="#">
              <img src="../image/qrcode_02.png" style="width: 115px; float: right" alt="" /></a>
          </div>
          <div class="header_sin_bottom">
            <div class="header_sin_blt">
              <a href="#">全部商品 <i class="iconfont icon-liebiaolist46" style="color: #fff;"></i></a>
              <div class="bannerlist">
                <ul class="bannerlist_menu">
                  <li>
                    <p></p>
                    <div>
                      <a href="#">顶级品牌</a><i> /</i>
                      <span><a href="#">百达翡丽</a>&nbsp<a href="#">江诗丹顿</a></sapn>
                    </div>

                    <div class="two_list">
                      <div class="two_list_lt">
                        <div class="two_list_lt_t">
                          <div class="span_i">
                            <p></p>
                            <h3>品牌</h3>
                          </div>
                          <div class="two_list_lt_tin">
                            <a href="#">
                              <div>
                                <img src="../image/百达翡丽.jpg" alt="" />
                              </div>
                              <p>百达翡丽</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/江诗丹顿.jpg" alt="" />
                              </div>
                              <p>江诗丹顿</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/爱彼.jpg" alt="" />
                              </div>
                              <p>爱彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image//积家.jpg" alt="" />
                              </div>
                              <p>积家</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/欧米茄.jpg" alt="" />
                              </div>
                              <p>欧米茄</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/尖刀.jpg" alt="" />
                              </div>
                              <p>尖刀</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/万国.jpg" alt="" />
                              </div>
                              <p>万国</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/佐丹奴.jpg" alt="" />
                              </div>
                              <p>佐丹奴</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/劳力士.jpg" alt="" />
                              </div>
                              <p>劳力士</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/化石.jpg" alt="" />
                              </div>
                              <p>化石</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/威利默克.jpg" alt="" />
                              </div>
                              <p>威利默克</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/玛莎拉蒂.jpg" alt="" />
                              </div>
                              <p>玛莎拉蒂</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/罗杰杜彼.jpg" alt="" />
                              </div>
                              <p>罗杰杜彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/里查德米尔.jpg" alt="" />
                              </div>
                              <p>里查德米尔</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/雅克利曼.jpg" alt="" />
                              </div>
                              <p>雅克利曼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/铂夏.jpg" alt="" />
                              </div>
                              <p>铂夏</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迪士尼.jpg" alt="" />
                              </div>
                              <p>迪士尼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/豪朗时.jpg" alt="" />
                              </div>
                              <p>豪朗时</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/MINI.jpg" alt="" />
                              </div>
                              <p>MINI</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迈克.科尔斯.jpg" alt="" />
                              </div>
                              <p>迈克.科尔斯</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/朗格.jpg" alt="" />
                              </div>
                              <p>朗格</p>
                            </a>
                          </div>
                        </div>
                        <div class="two_list_lt_b">
                          <div class="span_i">
                            <p></p>
                            <h3>热词</h3>
                          </div>
                          <div>
                            <a href="#">五十喝</a>
                            <a href="#">百达翡丽</a>
                            <a href="#">复杂功能计时</a>
                            <a href="#">陀飞轮</a>
                            <a href="#">Master大师</a>
                          </div>
                        </div>
                      </div>
                      <div class="two_list_rt">
                        <a href="#">
                          <img src="../image/twoList_img_3.jpg" alt="" />
                        </a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <p></p>
                    <div>
                      <a href="#">奢华品牌</a><i> /</i>
                      <span><a href="#">欧米茄</a><a href="#">万国</a><a href="#">天马</a></span>
                    </div>
                    <div class="two_list">
                      <div class="two_list_lt">
                        <div class="two_list_lt_t">
                          <div class="span_i">
                            <p></p>
                            <h3>品牌</h3>
                          </div>
                          <div class="two_list_lt_tin">

                            <a href="#">
                              <div>
                                <img src="../image//积家.jpg" alt="" />
                              </div>
                              <p>积家</p>
                            </a>

                            <a href="#">
                              <div>
                                <img src="../image/尖刀.jpg" alt="" />
                              </div>
                              <p>尖刀</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/万国.jpg" alt="" />
                              </div>
                              <p>万国</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/欧米茄.jpg" alt="" />
                              </div>
                              <p>欧米茄</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/百达翡丽.jpg" alt="" />
                              </div>
                              <p>百达翡丽</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/江诗丹顿.jpg" alt="" />
                              </div>
                              <p>江诗丹顿</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/爱彼.jpg" alt="" />
                              </div>
                              <p>爱彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/劳力士.jpg" alt="" />
                              </div>
                              <p>劳力士</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/化石.jpg" alt="" />
                              </div>
                              <p>化石</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/佐丹奴.jpg" alt="" />
                              </div>
                              <p>佐丹奴</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/威利默克.jpg" alt="" />
                              </div>
                              <p>威利默克</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/玛莎拉蒂.jpg" alt="" />
                              </div>
                              <p>玛莎拉蒂</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/罗杰杜彼.jpg" alt="" />
                              </div>
                              <p>罗杰杜彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/里查德米尔.jpg" alt="" />
                              </div>
                              <p>里查德米尔</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/雅克利曼.jpg" alt="" />
                              </div>
                              <p>雅克利曼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/铂夏.jpg" alt="" />
                              </div>
                              <p>铂夏</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迪士尼.jpg" alt="" />
                              </div>
                              <p>迪士尼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/豪朗时.jpg" alt="" />
                              </div>
                              <p>豪朗时</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/MINI.jpg" alt="" />
                              </div>
                              <p>MINI</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迈克.科尔斯.jpg" alt="" />
                              </div>
                              <p>迈克.科尔斯</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/朗格.jpg" alt="" />
                              </div>
                              <p>朗格</p>
                            </a>
                          </div>
                        </div>
                        <div class="two_list_lt_b">
                          <div class="span_i">
                            <p></p>
                            <h3>热词</h3>
                          </div>
                          <div>
                            <a href="#">蓝气球</a>
                            <a href="#">碟飞</a>
                            <a href="#">水鬼</a>
                            <a href="#">万国小王子</a>
                            <a href="#">珐琅</a>
                            <a href="#">镶钻表</a>
                          </div>
                        </div>
                      </div>
                      <div class="two_list_rt">
                        <a href="#">
                          <img src="../image/twoList_img.jpg" alt="" />
                        </a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <p></p>
                    <div>
                      <a href="#">高级品牌</a><i> /</i>
                      <span><a href="#">帝舵</a><a href="#">浪琴</a><a href="#">爱宝时</a></span>
                    </div>
                    <div class="two_list">
                      <div class="two_list_lt">
                        <div class="two_list_lt_t">
                          <div class="span_i">
                            <p></p>
                            <h3>品牌</h3>
                          </div>
                          <div class="two_list_lt_tin">
                            <a href="#">
                              <div>
                                <img src="../image/爱彼.jpg" alt="" />
                              </div>
                              <p>爱彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/百达翡丽.jpg" alt="" />
                              </div>
                              <p>百达翡丽</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/江诗丹顿.jpg" alt="" />
                              </div>
                              <p>江诗丹顿</p>
                            </a>

                            <a href="#">
                              <div>
                                <img src="../image/万国.jpg" alt="" />
                              </div>
                              <p>万国</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image//积家.jpg" alt="" />
                              </div>
                              <p>积家</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/欧米茄.jpg" alt="" />
                              </div>
                              <p>欧米茄</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/尖刀.jpg" alt="" />
                              </div>
                              <p>尖刀</p>
                            </a>

                            <a href="#">
                              <div>
                                <img src="../image/里查德米尔.jpg" alt="" />
                              </div>
                              <p>里查德米尔</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/佐丹奴.jpg" alt="" />
                              </div>
                              <p>佐丹奴</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/劳力士.jpg" alt="" />
                              </div>
                              <p>劳力士</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/化石.jpg" alt="" />
                              </div>
                              <p>化石</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/威利默克.jpg" alt="" />
                              </div>
                              <p>威利默克</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/玛莎拉蒂.jpg" alt="" />
                              </div>
                              <p>玛莎拉蒂</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/雅克利曼.jpg" alt="" />
                              </div>
                              <p>雅克利曼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/罗杰杜彼.jpg" alt="" />
                              </div>
                              <p>罗杰杜彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/铂夏.jpg" alt="" />
                              </div>
                              <p>铂夏</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迪士尼.jpg" alt="" />
                              </div>
                              <p>迪士尼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/豪朗时.jpg" alt="" />
                              </div>
                              <p>豪朗时</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/MINI.jpg" alt="" />
                              </div>
                              <p>MINI</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迈克.科尔斯.jpg" alt="" />
                              </div>
                              <p>迈克.科尔斯</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/朗格.jpg" alt="" />
                              </div>
                              <p>朗格</p>
                            </a>
                          </div>
                        </div>
                        <div class="two_list_lt_b">
                          <div class="span_i">
                            <p></p>
                            <h3>热词</h3>
                          </div>
                          <div>
                            <a href="#">名匠</a>
                            <a href="#">星空表</a>
                            <a href="#">依百克四驱</a>
                            <a href="#">gucci</a>
                            <a href="#">古董机芯</a>
                          </div>
                        </div>
                      </div>
                      <div class="two_list_rt">
                        <a href="#">
                          <img src="../image/twoList_img_2.jpg" alt="" />
                        </a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <p></p>
                    <div>
                      <a href="#">轻奢时尚</a><i> /</i>
                      <span><a href="#">天梭</a><a href="#">美度</a><a href="#">赫柏林</a></span>
                    </div>
                    <div class="two_list">
                      <div class="two_list_lt">
                        <div class="two_list_lt_t">
                          <div class="span_i">
                            <p></p>
                            <h3>品牌</h3>
                          </div>
                          <div class="two_list_lt_tin">
                            <a href="#">
                              <div>
                                <img src="../image/罗杰杜彼.jpg" alt="" />
                              </div>
                              <p>罗杰杜彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/百达翡丽.jpg" alt="" />
                              </div>
                              <p>百达翡丽</p>
                            </a>

                            <a href="#">
                              <div>
                                <img src="../image/爱彼.jpg" alt="" />
                              </div>
                              <p>爱彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image//积家.jpg" alt="" />
                              </div>
                              <p>积家</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/欧米茄.jpg" alt="" />
                              </div>
                              <p>欧米茄</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/尖刀.jpg" alt="" />
                              </div>
                              <p>尖刀</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/江诗丹顿.jpg" alt="" />
                              </div>
                              <p>江诗丹顿</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/万国.jpg" alt="" />
                              </div>
                              <p>万国</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/佐丹奴.jpg" alt="" />
                              </div>
                              <p>佐丹奴</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/劳力士.jpg" alt="" />
                              </div>
                              <p>劳力士</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/化石.jpg" alt="" />
                              </div>
                              <p>化石</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/威利默克.jpg" alt="" />
                              </div>
                              <p>威利默克</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/玛莎拉蒂.jpg" alt="" />
                              </div>
                              <p>玛莎拉蒂</p>
                            </a>

                            <a href="#">
                              <div>
                                <img src="../image/里查德米尔.jpg" alt="" />
                              </div>
                              <p>里查德米尔</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/雅克利曼.jpg" alt="" />
                              </div>
                              <p>雅克利曼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/铂夏.jpg" alt="" />
                              </div>
                              <p>铂夏</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迪士尼.jpg" alt="" />
                              </div>
                              <p>迪士尼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/豪朗时.jpg" alt="" />
                              </div>
                              <p>豪朗时</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/MINI.jpg" alt="" />
                              </div>
                              <p>MINI</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迈克.科尔斯.jpg" alt="" />
                              </div>
                              <p>迈克.科尔斯</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/朗格.jpg" alt="" />
                              </div>
                              <p>朗格</p>
                            </a>
                          </div>
                        </div>
                        <div class="two_list_lt_b">
                          <div class="span_i">
                            <p></p>
                            <h3>热词</h3>
                          </div>
                          <div>
                            <a href="#">力洛克</a>
                            <a href="#">东方星</a>
                            <a href="#">贝伦赛丽</a>
                            <a href="#">法国赫柏林</a>
                            <a href="#">怀表</a>
                          </div>
                        </div>
                      </div>
                      <div class="two_list_rt">
                        <a href="#">
                          <img src="../image/twoList_img_3.jpg" alt="" />
                        </a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <p></p>
                    <div>
                      <a href="#">年轻潮牌</a><i> /</i>
                      <span><a href="#">卡西欧</a><a href="#">迪士尼</a><a href="#">漫威</a></span>
                    </div>
                    <div class="two_list">
                      <div class="two_list_lt">
                        <div class="two_list_lt_t">
                          <div class="span_i">
                            <p></p>
                            <h3>品牌</h3>
                          </div>
                          <div class="two_list_lt_tin">
                            <a href="#">
                              <div>
                                <img src="../image/劳力士.jpg" alt="" />
                              </div>
                              <p>劳力士</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/百达翡丽.jpg" alt="" />
                              </div>
                              <p>百达翡丽</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/江诗丹顿.jpg" alt="" />
                              </div>
                              <p>江诗丹顿</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/爱彼.jpg" alt="" />
                              </div>
                              <p>爱彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image//积家.jpg" alt="" />
                              </div>
                              <p>积家</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/欧米茄.jpg" alt="" />
                              </div>
                              <p>欧米茄</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/万国.jpg" alt="" />
                              </div>
                              <p>万国</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/尖刀.jpg" alt="" />
                              </div>
                              <p>尖刀</p>
                            </a>

                            <a href="#">
                              <div>
                                <img src="../image/佐丹奴.jpg" alt="" />
                              </div>
                              <p>佐丹奴</p>
                            </a>

                            <a href="#">
                              <div>
                                <img src="../image/化石.jpg" alt="" />
                              </div>
                              <p>化石</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/威利默克.jpg" alt="" />
                              </div>
                              <p>威利默克</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/玛莎拉蒂.jpg" alt="" />
                              </div>
                              <p>玛莎拉蒂</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/罗杰杜彼.jpg" alt="" />
                              </div>
                              <p>罗杰杜彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/里查德米尔.jpg" alt="" />
                              </div>
                              <p>里查德米尔</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/雅克利曼.jpg" alt="" />
                              </div>
                              <p>雅克利曼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/铂夏.jpg" alt="" />
                              </div>
                              <p>铂夏</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迪士尼.jpg" alt="" />
                              </div>
                              <p>迪士尼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/豪朗时.jpg" alt="" />
                              </div>
                              <p>豪朗时</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/MINI.jpg" alt="" />
                              </div>
                              <p>MINI</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迈克.科尔斯.jpg" alt="" />
                              </div>
                              <p>迈克.科尔斯</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/朗格.jpg" alt="" />
                              </div>
                              <p>朗格</p>
                            </a>
                          </div>
                        </div>
                        <div class="two_list_lt_b">
                          <div class="span_i">
                            <p></p>
                            <h3>热词</h3>
                          </div>
                          <div>
                            <a href="#">G-SHOCK</a>
                            <a href="#">swatch</a>
                            <a href="#">玛莎拉蒂</a>
                            <a href="#">德国红点奖</a>
                            <a href="#">漫威手表</a>
                          </div>
                        </div>
                      </div>
                      <div class="two_list_rt">
                        <a href="#">
                          <img src="../image/twoList_img.jpg" alt="">
                        </a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <p></p>
                    <div>
                      <a href="#">智能手表</a><i> /</i>
                      <span><a href="#">佳明</a><a href="#">华为</a><a href="#">颂拓</a></span>
                    </div>
                    <div class="two_list">
                      <div class="two_list_lt">
                        <div class="two_list_lt_t">
                          <div class="span_i">
                            <p></p>
                            <h3>品牌</h3>
                          </div>
                          <div class="two_list_lt_tin">
                            <a href="#">
                              <div>
                                <img src="../image/百达翡丽.jpg" alt="" />
                              </div>
                              <p>百达翡丽</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/江诗丹顿.jpg" alt="" />
                              </div>
                              <p>江诗丹顿</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/爱彼.jpg" alt="" />
                              </div>
                              <p>爱彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image//积家.jpg" alt="" />
                              </div>
                              <p>积家</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/欧米茄.jpg" alt="" />
                              </div>
                              <p>欧米茄</p>
                            </a>

                            <a href="#">
                              <div>
                                <img src="../image/劳力士.jpg" alt="" />
                              </div>
                              <p>劳力士</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/化石.jpg" alt="" />
                              </div>
                              <p>化石</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/威利默克.jpg" alt="" />
                              </div>
                              <p>威利默克</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/尖刀.jpg" alt="" />
                              </div>
                              <p>尖刀</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/万国.jpg" alt="" />
                              </div>
                              <p>万国</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/佐丹奴.jpg" alt="" />
                              </div>
                              <p>佐丹奴</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/玛莎拉蒂.jpg" alt="" />
                              </div>
                              <p>玛莎拉蒂</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/罗杰杜彼.jpg" alt="" />
                              </div>
                              <p>罗杰杜彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/里查德米尔.jpg" alt="" />
                              </div>
                              <p>里查德米尔</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/雅克利曼.jpg" alt="" />
                              </div>
                              <p>雅克利曼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/铂夏.jpg" alt="" />
                              </div>
                              <p>铂夏</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迪士尼.jpg" alt="" />
                              </div>
                              <p>迪士尼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/豪朗时.jpg" alt="" />
                              </div>
                              <p>豪朗时</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/MINI.jpg" alt="" />
                              </div>
                              <p>MINI</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迈克.科尔斯.jpg" alt="" />
                              </div>
                              <p>迈克.科尔斯</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/朗格.jpg" alt="" />
                              </div>
                              <p>朗格</p>
                            </a>
                          </div>
                        </div>
                        <div class="two_list_lt_b">
                          <div class="span_i">
                            <p></p>
                            <h3>热词</h3>
                          </div>
                          <div>
                            <a href="#">海鸥陀飞轮</a>
                            <a href="#">飞亚达</a>
                            <a href="#">智能表</a>
                            <a href="#">颂拓</a>
                            <a href="#">佳明</a>
                          </div>
                        </div>
                      </div>
                      <div class="two_list_rt">
                        <a href="#">
                          <img src="../image/twoList_img.jpg" alt="" />
                        </a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <p></p>
                    <div>
                      <a href="#">表带</a><i> /</i>
                      <span><a href="#">万表定制表带</a><a href="#">积优</a></span>
                    </div>
                    <div class="two_list">
                      <div class="two_list_lt">
                        <div class="two_list_lt_t">
                          <div class="span_i">
                            <p></p>
                            <h3>品牌</h3>
                          </div>
                          <div class="two_list_lt_tin">

                            <a href="#">
                              <div>
                                <img src="../image/欧米茄.jpg" alt="" />
                              </div>
                              <p>欧米茄</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/尖刀.jpg" alt="" />
                              </div>
                              <p>尖刀</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/万国.jpg" alt="" />
                              </div>
                              <p>万国</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/佐丹奴.jpg" alt="" />
                              </div>
                              <p>佐丹奴</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/百达翡丽.jpg" alt="" />
                              </div>
                              <p>百达翡丽</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/江诗丹顿.jpg" alt="" />
                              </div>
                              <p>江诗丹顿</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/爱彼.jpg" alt="" />
                              </div>
                              <p>爱彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image//积家.jpg" alt="" />
                              </div>
                              <p>积家</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/劳力士.jpg" alt="" />
                              </div>
                              <p>劳力士</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/化石.jpg" alt="" />
                              </div>
                              <p>化石</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/威利默克.jpg" alt="" />
                              </div>
                              <p>威利默克</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/玛莎拉蒂.jpg" alt="" />
                              </div>
                              <p>玛莎拉蒂</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/罗杰杜彼.jpg" alt="" />
                              </div>
                              <p>罗杰杜彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/里查德米尔.jpg" alt="" />
                              </div>
                              <p>里查德米尔</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/雅克利曼.jpg" alt="" />
                              </div>
                              <p>雅克利曼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/铂夏.jpg" alt="" />
                              </div>
                              <p>铂夏</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迪士尼.jpg" alt="" />
                              </div>
                              <p>迪士尼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/豪朗时.jpg" alt="" />
                              </div>
                              <p>豪朗时</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/MINI.jpg" alt="" />
                              </div>
                              <p>MINI</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迈克.科尔斯.jpg" alt="" />
                              </div>
                              <p>迈克.科尔斯</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/朗格.jpg" alt="" />
                              </div>
                              <p>朗格</p>
                            </a>
                          </div>
                        </div>
                        <div class="two_list_lt_b">
                          <div class="span_i">
                            <p></p>
                            <h3>热词</h3>
                          </div>
                          <div>
                            <a href="#">积优</a>
                            <a href="#">欧时浩</a>
                            <a href="#">奇美拉</a>
                            <a href="#">海奕施</a>
                          </div>
                        </div>
                      </div>
                      <div class="two_list_rt">
                        <a href="#">
                          <img src="../image/twoList_img_4.jpg" alt="" />
                        </a>
                      </div>
                    </div>
                  </li>
                  <li>
                    <p></p>
                    <div>
                      <a href="#">维修保养</a><i> /</i>
                      <span><a href="#">配件更换手表</a><a href="#">保养</a></span>
                    </div>
                    <div class="two_list">
                      <div class="two_list_lt">
                        <div class="two_list_lt_t">
                          <div class="span_i">
                            <p></p>
                            <h3>品牌</h3>
                          </div>
                          <div class="two_list_lt_tin">
                            <a href="#">
                              <div>
                                <img src="../image/百达翡丽.jpg" alt="" />
                              </div>
                              <p>百达翡丽</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/江诗丹顿.jpg" alt="" />
                              </div>
                              <p>江诗丹顿</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/爱彼.jpg" alt="" />
                              </div>
                              <p>爱彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image//积家.jpg" alt="" />
                              </div>
                              <p>积家</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/欧米茄.jpg" alt="" />
                              </div>
                              <p>欧米茄</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/尖刀.jpg" alt="" />
                              </div>
                              <p>尖刀</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/万国.jpg" alt="" />
                              </div>
                              <p>万国</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/佐丹奴.jpg" alt="" />
                              </div>
                              <p>佐丹奴</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/雅克利曼.jpg" alt="" />
                              </div>
                              <p>雅克利曼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/铂夏.jpg" alt="" />
                              </div>
                              <p>铂夏</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迪士尼.jpg" alt="" />
                              </div>
                              <p>迪士尼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/豪朗时.jpg" alt="" />
                              </div>
                              <p>豪朗时</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/迈克.科尔斯.jpg" alt="" />
                              </div>
                              <p>迈克.科尔斯</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/朗格.jpg" alt="" />
                              </div>
                              <p>朗格</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/劳力士.jpg" alt="" />
                              </div>
                              <p>劳力士</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/化石.jpg" alt="" />
                              </div>
                              <p>化石</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/威利默克.jpg" alt="" />
                              </div>
                              <p>威利默克</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/玛莎拉蒂.jpg" alt="" />
                              </div>
                              <p>玛莎拉蒂</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/罗杰杜彼.jpg" alt="" />
                              </div>
                              <p>罗杰杜彼</p>
                            </a>
                            <a href="#">
                              <div>
                                <img src="../image/里查德米尔.jpg" alt="" />
                              </div>
                              <p>里查德米尔</p>
                            </a>

                          </div>
                        </div>
                        <div class="two_list_lt_b">
                          <div class="span_i">
                            <p></p>
                            <h3>热词</h3>
                          </div>
                          <div>
                            <a href="#">延保服务</a>
                            <a href="#">电池服务</a>
                            <a href="#">联保服务</a>
                            <a href="#">手表维修</a>

                          </div>
                        </div>
                      </div>
                      <div class="two_list_rt">
                        <a href="#">
                          <img src="../image/twoList_img_3.jpg" alt="" />
                        </a>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <ul class="header_sin_bcen">
              <li><a href="">男表</a></li>
              <li><a href="#">女表</a></li>
              <li>
                <a href="#">秒杀<span></span></a>
              </li>
              <li><a href="#">手表行情</a></li>

              <li><a href="#">品牌馆</a></li>

              <li><a href="#">体验中心</a></li>

              <li><a href="#">名匠维修</a></li>

              <li><a href="#"> 认证二手表 </a></li>
              <li><a href="#">二手竞拍</a></li>

              <li><a href="#">高价回收</a><span></span></li>

              <li><a href="#">手表资讯</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <a href="#"><img src="../image/banner.jpg" alt="" /></a>
          </div>
          <div class="swiper-slide">
            <a href="#"><img src="../image/banner_2.jpg" alt="" /></a>
          </div>
          <div class="swiper-slide">
            <a href="#"><img src="../image/banner_3.jpg" alt="" /></a>
          </div>
          <div class="swiper-slide">
            <a href="#"><img src="../image/banner_4.png" alt="" /></a>
          </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev" style="left: 400px;"></div>
        <div class="swiper-button-next"></div>
      </div>
    </div>
    <div class="centent">
      <div class="centent_inner">
        <div class="centent_inner_head">
          <div class="centent_inner_head_div">
            <div class="centent_inner_head_dtxt">
              <h4>商务职场必备</h4>
              <p>每满1000减100</p>
            </div>
            <div class="centent_inner_head_dimg">
              <a href="#"><img src="../image/fire_4.jpg" alt="" width="100%" /></a>
            </div>
          </div>
          <div class="centent_inner_head_div">
            <div class="centent_inner_head_dimg">
              <a href="#"><img src="../image/fire_3.jpg" alt="" width="100%" /></a>
            </div>
          </div>
          <div class="centent_inner_head_div">
            <div class="centent_inner_head_dimg">
              <a href="#"><img src="../image/fire_2.jpg" alt="" width="100%" /></a>
            </div>
          </div>
          <div class="centent_inner_head_div">
            <div class="centent_inner_head_dimg">
              <a href="#"><img src="../image/fire_1.jpg" alt="" width="100%" /></a>
            </div>
          </div>
        </div>
        <!--  -->
        <div class="centent_inner_top">
          <div class="centent_inner_top_top">
            <h2>新表精选</h2>
            <p>本月爆款</p>
          </div>
          <!--  -->
          <div class="centent_inner_top_buttom">
            <div class="centent_inner_top_lt">
              <a href="#"><img src="../image/index_big1.png" alt="" /></a>
            </div>
            <div class="centent_inner_top_rt">
              <a href="#"><img src="../image/index_small5.png" alt="" /></a>
              <a href="#"><img src="../image/index_small6.png" alt="" /></a>
              <a href="#"><img src="../image/index_small7.png" alt="" /></a>
              <a href="#"><img src="../image/index_small8.png" alt="" /></a>
            </div>
          </div>
          <!--  -->
        </div>
        <!--******  ******-->
        <div class="centent_inner_top">
          <div class="centent_inner_top_top">
            <h2>商务休闲</h2>
            <p>商务爆款</p>
          </div>
          <div class="centent_inner_top_buttom">
            <!--  -->
            <div class="centent_inner_top_lt">
              <a href="#"><img src="../image/index_big2.png" alt="" /></a>
            </div>
            <div class="centent_inner_top_rt">
              <a href="#"><img src="../image/index_small1.png" alt="" /></a>
              <a href="#"><img src="../image/index_small2.png" alt="" /></a>
              <a href="#"><img src="../image/index_small3.png" alt="" /></a>
              <a href="#"><img src="../image/index_small4.png" alt="" /></a>
            </div>
            <!--  -->
          </div>
        </div>
        <!-- ********** ****** -->
      </div>
      <div class="caini">
        <div class="caini_inner">
          <h3>猜你喜欢</h3>
          <div class="caini_inner_box"></div>
        </div>
      </div>
    </div>
    <!-- 



 -->
    <div class="fixed_box">
      <ul>
        <li><span class="iconfont icon-gouwuchekong"></span>
          <div>购物车</div>
        </li>
        <li><span class="iconfont icon-shoucangaixinxin"></span>
          <div>我的收藏</div>
        </li>
        <li><span class="iconfont icon-shizhong"></span>
          <div>浏览足迹</div>
        </li>
        <li><span class="iconfont icon-ico"></span>
          <div style="height: 220px; width: 220px; top: -132px;left: -220px;">
            <a href="#">
              <img src="../image/qrcode_02.png" alt="">
              <p>下载万表App</p>
            </a>
          </div>
        </li>
        <li><span class="iconfont icon-huidaodingbuxianxing"></span>
          <div>回到顶部</div>
        </li>
      </ul>
    </div>

    <!-- 



     -->
    <div class="box_bottom">
      <div class="box_bottom_top">
        <div class="box_bottom_top_inner">
          <a href="#"><span class="a_span1"></span>正品保证</a>
          <a href="#"><span class="a_span2"></span>免息分期</a>
          <a href="#"><span class="a_span3"></span>全球联保</a>
          <a href="#"><span class="a_span4"></span>假一赔三</a>
          <a href="#"><span class="a_span5"></span>终身善后</a>
        </div>
      </div>
      <div class="box_bottom_centent">
        <div class="box_bottom_c_i">
          <div class="box_b_c_i_lt">
            <h3>客服电话</h3>
            <p>400-883-2688</p>
            <i>外呼电话</i><i>020-83931899</i>
            <br />
            <a href="#">售后维修</a>
          </div>
          <div class="box_b_c_i_cen">
            <ul>
              <h4>新手指南</h4>
              <li><a href="#">注册新会员</a></li>
              <li><a href="#">购物流程</a></li>
              <li><a href="#">手表小知识</a></li>
              <li><a href="#">退换货流程</a></li>
            </ul>
            <ul>
              <h4>支付</h4>
              <li><a href="#">支付方式</a></li>
              <li><a href="#">分期付款</a></li>
              <li><a href="#">发票说明</a></li>
              <li><a href="#">支付问题</a></li>
            </ul>
            <ul>
              <h4>配送</h4>
              <li><a href="#">包裹签收</a></li>
              <li><a href="#">配送方式</a></li>
              <li><a href="#">配送说明</a></li>
              <li><a href="#">自提流程</a></li>
            </ul>
            <ul>
              <h4>万表保障</h4>
              <li><a href="#">正品保障</a></li>
              <li><a href="#">售后服务</a></li>
              <li><a href="#">价格保护七天</a></li>
              <li><a href="#">退换说明</a></li>
            </ul>
            <ul class="box_b_c_i_cen_last_ul">
              <h4>开放合作</h4>
              <li><a href="#">关于万表</a></li>
              <li><a href="#" style="color: #ccaa7a">商务合作</a></li>
              <li><a href="#">万表声明</a></li>
            </ul>
          </div>
          <div class="box_b_c_i_rt">
            <a href="#">
              <img src="../image/BLI[VN(19NEI`9KBMR9[SS3.png" alt="" width="113px" />
            </a>
          </div>
        </div>
        <div class="box_bottom_bottom">
          <ul>
            <li><a href="#">万表app</a></li>
            <li><a href="#">万表名匠</a></li>
            <li><a href="#">万表二手表</a></li>
            <li><a href="#">新款手表</a></li>
            <li><a href="#">高价回收</a></li>
            <li><a href="#">手表资讯</a></li>
            <li><a href="#">天梭手表</a></li>
            <li><a href="#">网站联盟</a></li>
            <li>
              <a href="#">欧米茄手表</a><a href="#" style="padding: 0px">></a>
            </li>
          </ul>
          <br />
          <p>
            万表网名表商城版权所有2009-2021
            <a href="#">ICP备案证书号:粤ICP备09108738号-2</a>
            <a href="#">营业执照</a>
            网监备案:4401060103141
          </p>
          <p>广州市万表科技股份有限公司地址:广州市番禺区番禺大道北16号</p>
          <p>Copyright 2009-2021 WwW.WBIAO.CN.LTD ALL RIGHT RESERVED.</p>
        </div>
      </div>
      <div class="box_bottom_footer">
        <a href="#"><img src="../image/last_1.png" alt="" /></a>
        <a href="#"><img src="../image/last_2.png" alt="" /></a>
      </div>
    </div>

  </div>
</body>
<script>

  let islogin = localStorage.getItem("wb-name");
  if (islogin) {
    alert("尊敬的客户:" + islogin);
    $(".header_top_inner_ri>li:eq(0)>a").html(islogin);
  }
  axios
    .get(proudtListAPI, { params: { pagesize: 2000, pagenum: 2 } })
    .then((res) => {
      let productArr = res.data.data;
      console.log(productArr);
      let resArr = productArr.filter((i) => i.pname.indexOf("电视") != -1);
      console.log(resArr);
      let strArr = resArr.map(
        (e) => `<div> 
            <a href="./item.html?id=${e.pid}">
            <img src="${e.pimg}" alt="" />
            <h4><span>￥</span>${e.pprice}</h4>
            <p>${e.pdesc}</p>
            <span>${e.pname}</span>
            </a>
            </div>`
      );
      $(".caini_inner_box").html(strArr.join(""));
    });

  function searchStrFn() {
    location.href = `./search.html?name=${$(".header_sin_topcen input").val()}`;
  }
  /* 
  
  
  */


  let icon = document.querySelector(".icon-huidaodingbuxianxing");
  let backTop = icon.parentNode
  backTop.onclick = function () {
    document.documentElement.scrollTop = document.body.scrollTop = 0;
  }


  $(".fixed_box>ul>li:eq(0)").click(() => {
    location.href = "./cart.html";
  })

  /* 
  
  
  
  */
  $('.fixed_box>ul>li:eq(0)').css("position", "relative");
  $('.fixed_box>ul>li:eq(0)').append("<em></em>")

  //购物车数量
  let wb_id = localStorage.getItem("wb-uid")
  if (wb_id) {
    $.get(cartList, { id: wb_id }, function (res) {
      console.log(res.data);
      if (res.data.length == 0) {
        // console.log("996");
      } else {
        let num = 0;
        res.data.forEach(e => {
          num += parseInt(e.pnum);
        });
        $('.header_top_inner_ri>li:eq(2)>a').html("购物车(" + num + ")");
        $('.header_top_inner_ri>li:eq(2)>a').css("color", "red");
        /* <li><span class="iconfont icon-gouwuchekong"></span>
            <div>购物车</div>
          </li> */
        // console.log($('.fixed_box>ul>li:eq(0)>div').html());

        $('.fixed_box>ul>li:eq(0)>em').css({ display: "inline-block", color: "white", background: "red", fontSize: "12px", width: "18px", height: "18px", borderRadius: "18px", textAlign: "center", position: "absolute", top: "5px", left: "24px" })
        $('.fixed_box>ul>li:eq(0)>em').html(num);
        // console.log($('.fixed_box>ul>li:eq(0)>em'));
      }
    })
  }


  /* 
  
  
  
  
  */
  var mySwiper = new Swiper(".swiper-container", {
    //   direction: "vertical", // 垂直切换选项
    loop: true, // 循环模式选项
    effect: "fade", //切换方式

    autoplay: {
      delay: 2000,
      stopOnLastSlide: false,
      disableOnInteraction: true,
    }, //自动播放

    disableOnInteraction: false,
    simulateTouch: false, //禁止模拟触摸

    // 如果需要分页器
    pagination: {
      el: ".swiper-pagination",
    },

    // 如果需要前进后退按钮
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },

    // 如果需要滚动条
    //   scrollbar: {
    //     el: ".swiper-scrollbar",
    //   },
  });
  ////鼠标覆盖停止自动切换
  mySwiper.el.onmouseover = function () {
    mySwiper.autoplay.stop();
  };

  //鼠标离开开始自动切换
  mySwiper.el.onmouseout = function () {
    mySwiper.autoplay.start();
  };
</script>

</html>